.{$table-prefix}
  position relative
  border 1px solid $gray4-color
  table
    table-layout fixed
    border-spacing 0
  td, th
    overflow hidden
    text-overflow ellipsis
    white-space normal
    word-break break-all
    box-sizing border-box
    min-width 0
    padding 3px 0 3px 8px
    vertical-align middle
    &.text-center
      padding-left 0
      padding-right 0
  th
    position relative
    text-align left
    height 40px
    &:hover
      .{$table-prefix}-sort-handler
        color $gray-color
  td
    font-size $font-size-mini
    height 40px
    border-top 1px solid $gray4-color
  &-sort-handler
    display inline-block
    margin-left 5px
    line-height 1
    vertical-align middle
    font-size 12px
    color $gray4-color
    > span
      cursor pointer
  &-container
    position relative
    margin-top -1px
    background $white-color
    table
      width 100%
  &-body
    overflow auto

  &-header
    position relative
    background-color $gray5-color
    overflow hidden
    border-bottom 1px solid $gray4-color
    table
      width 100%

.{$table-prefix}-border
  border-left 0
  .{$table-prefix}-header
    table
      margin-bottom -1px
  th, td
    border-left 1px solid $gray4-color

.{$table-prefix}-stripe
  .{$table-prefix}-tbody
    tr
      &:nth-child(2n)
        background-color $gray5-color
